<template>
  <template name="skeleton">
    <view class="sk-container">
      <scroll-view enable-back-to-top="true" scroll-y="true" class="viewport sk-image">
        <view class="guess guess">
          <view class="r r">
            <view class="caption XtxGuess--caption">
              <text
                class="text XtxGuess--text sk-transparent sk-text-0-0000-535 sk-text sk-pseudo sk-pseudo-circle">猜你喜欢</text>
            </view>
            <view class="guess XtxGuess--guess">
              <navigator class="guess-item XtxGuess--guess-item">
                <image class="image XtxGuess--image sk-image" mode="aspectFill"></image>
                <view class="name XtxGuess--name sk-transparent sk-text-14-2857-423 sk-text">经典格子元素，男童加绒格子衬衫</view>
                <view class="price XtxGuess--price">
                  <text class="small XtxGuess--small sk-transparent sk-text-0-0000-610 sk-text"
                    style="text-decoration-color: transparent">44¥</text>
                  <text class="sk-transparent sk-text-0-0000-14 sk-text">125.00¥</text>
                </view>
              </navigator>
              <navigator class="guess-item XtxGuess--guess-item">
                <image class="image XtxGuess--image sk-image" mode="aspectFill"></image>
                <view class="name XtxGuess--name sk-transparent sk-text-14-2857-824 sk-text">原产兰州，气清味美，甜百合干168克</view>
                <view class="price XtxGuess--price">
                  <text class="small XtxGuess--small sk-transparent sk-text-0-0000-971 sk-text"
                    style="text-decoration-color: transparent">19¥</text>
                  <text class="sk-transparent sk-text-0-0000-732 sk-text">42.80¥</text>
                </view>
              </navigator>
              <navigator class="guess-item XtxGuess--guess-item">
                <image class="image XtxGuess--image sk-image" mode="aspectFill"></image>
                <view class="name XtxGuess--name sk-transparent sk-text-14-2857-362 sk-text">产自核心产区宁夏中宁，枸杞258克</view>
              </navigator>
              <navigator class="guess-item XtxGuess--guess-item">
                <image class="image XtxGuess--image sk-image" mode="aspectFill"></image>
                <view class="name XtxGuess--name sk-transparent sk-text-14-2857-975 sk-text">楼兰灰枣328克</view>
              </navigator>
            </view>
          </view>
        </view>
      </scroll-view>
    </view>
  </template>
</template>

<style lang="scss" scoped>
.sk-transparent {
  color: transparent !important;
}
.sk-text-0-0000-143 {
  background-image: linear-gradient(
    transparent 0%,
    #eeeeee 0%,
    #eeeeee 100%,
    transparent 0%
  ) !important;
  background-size: 100% 28.9855rpx;
  position: relative !important;
}
.sk-text {
  background-origin: content-box !important;
  background-clip: content-box !important;
  background-color: transparent !important;
  color: transparent !important;
  background-repeat: repeat-y !important;
}
.sk-text-15-6250-909 {
  background-image: linear-gradient(
    transparent 15.625%,
    #eeeeee 0%,
    #eeeeee 84.375%,
    transparent 0%
  ) !important;
  background-size: 100% 28.9855rpx;
  position: relative !important;
}
.sk-text-14-2857-588 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 40.5797rpx;
  position: absolute !important;
}
.sk-text-14-2857-208 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 32.971rpx;
  position: relative !important;
}
.sk-text-14-2857-629 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 32.971rpx;
  position: relative !important;
}
.sk-text-14-2857-967 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 32.971rpx;
  position: relative !important;
}
.sk-text-14-2857-20 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 32.971rpx;
  position: relative !important;
}
.sk-text-0-0000-535 {
  background-image: linear-gradient(
    transparent 0%,
    #eeeeee 0%,
    #eeeeee 100%,
    transparent 0%
  ) !important;
  background-size: 100% 30.7971rpx;
  position: relative !important;
}
.sk-text-14-2857-423 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 35.5072rpx;
  position: relative !important;
}
.sk-text-0-0000-610 {
  background-image: linear-gradient(
    transparent 0%,
    #eeeeee 0%,
    #eeeeee 100%,
    transparent 0%
  ) !important;
  background-size: 100% 20.2899rpx;
  position: relative !important;
}
.sk-text-0-0000-14 {
  background-image: linear-gradient(
    transparent 0%,
    #eeeeee 0%,
    #eeeeee 100%,
    transparent 0%
  ) !important;
  background-size: 100% 25.3623rpx;
  position: relative !important;
}
.sk-text-14-2857-824 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 35.5072rpx;
  position: relative !important;
}
.sk-text-0-0000-971 {
  background-image: linear-gradient(
    transparent 0%,
    #eeeeee 0%,
    #eeeeee 100%,
    transparent 0%
  ) !important;
  background-size: 100% 20.2899rpx;
  position: relative !important;
}
.sk-text-0-0000-732 {
  background-image: linear-gradient(
    transparent 0%,
    #eeeeee 0%,
    #eeeeee 100%,
    transparent 0%
  ) !important;
  background-size: 100% 25.3623rpx;
  position: relative !important;
}
.sk-text-14-2857-362 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 35.5072rpx;
  position: relative !important;
}
.sk-text-14-2857-975 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 35.5072rpx;
  position: relative !important;
}
.sk-button {
  color: #efefef !important;
  background: #efefef !important;
  border: none !important;
  box-shadow: none !important;
}
.sk-image {
  background: #efefef !important;
}
.sk-pseudo::before,
.sk-pseudo::after {
  background: #efefef !important;
  background-image: none !important;
  color: transparent !important;
  border-color: transparent !important;
}
.sk-pseudo-rect::before,
.sk-pseudo-rect::after {
  border-radius: 0 !important;
}
.sk-pseudo-circle::before,
.sk-pseudo-circle::after {
  border-radius: 50% !important;
}
.sk-container {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: transparent;
}
</style>
